{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
请选择爱好
<input type="checkbox" name="hobby" value="footboat" />足球
<input type="checkbox" name="hobby" value="lvyou" />旅游
<input type="checkbox" name="hobby" value="music" />音乐
<input type="button" onclick="test1()" value="testing" />
<h6>代码</h6>
<pre>
		页面

		请选择爱好
		&lt;input type="checkbox" name="hobby" value="footboat"/&gt;足球
		&lt;input type="checkbox" name="hobby" value="lvyou"  /&gt;旅游
		&lt;input type="checkbox" name="hobby" value="music" /&gt;音乐
		&lt;input type="button" onclick="test1()" value="testing" /&gt;
		
		js
		
		&lt;script language="javascript"&gt;
			function test1() {
				//id不能重复，name可以,有两处使用了复数形式
				var hobbies = document.getElementsByName("hobby");
				for (var i = 0; i &lt; hobbies.length; i++) {
					//hobbies[i].checked被选中的
					if (hobbies[i].checked) {
						window.alert("爱好是" + hobbies[i].value)//文本是取不出来的
					}
				}
				window.alert(hobbies.length);//没区分是否选择过 所以是3
				window.alert(n.length);  //打不出来
			}
		&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	function test1() {
		//id不能重复，name可以,有两处使用了复数形式
		var hobbies = document.getElementsByName("hobby");
		for (var i = 0; i < hobbies.length; i++) {
			//hobbies[i].checked被选中的
			if (hobbies[i].checked) {
				window.alert("爱好是" + hobbies[i].value)//文本是取不出来的
			}
		}
		window.alert(hobbies.length);//没区分是否选择过 所以是3
		window.alert(n.length);  //打不出来
	}
</script> {/block}